<template>
  <footer class="footer">
    © 2025 My Vue App | All Rights Reserved.
    <div class="icp-info">
      <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">
        陕 ICP 备 2024056510 号 - 1
      </a>
    </div>
  </footer>
</template>

<script lang="ts" setup>
</script>

<style scoped>
.footer {
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 15px 0;
  font-size: 0.9em;
  color: #666;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}

.icp-info {
  margin-top: 8px;
}

.icp-info a {
  color: #007acc;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

.icp-info a:hover {
  color: #005b99;
}
</style>
